<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>奉贤自来水泵站管理所可视化平台</title>
    <script src="js/jquery-3.3.1.min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.14&key=ecfb869b5b761758cecc1381d377e4c6&plugin=Map3D,AMap.DistrictSearch"></script>
<script src="https://webapi.amap.com/loca?v=1.3.0&key=ecfb869b5b761758cecc1381d377e4c6"></script>
 <link type="text/css" rel="stylesheet" href="test/jeDate-test.css">
    <link type="text/css" rel="stylesheet" href="skin/jedate.css">
    <script type="text/javascript" src="js/jedate.js"></script>   
<script src='js/echarts.js'></script>
<script src='js/fengxian.js'></script>
        <script src='js/echarts-liquidfill.js'></script>

     <link rel="stylesheet" type="text/css" href="css/main.css" />
     <script src="js/vue.js"></script>
	 
  </head>
  <body>
      <div id="main">
          <!-- starbg -->
          <div class="backstar" id="starlayer">
          <div class="canvaszz"> </div>
          <canvas id="starcanvas"></canvas> 
        </div>
   <div id="top">
       <div id="datetime"><span style="display: block;float: left;line-height: 1.3rem;">{{timeday}}</span><span style=" display: block;float: left">{{timenum}}</span></div>
       <img class="topnavbgimg"  src="images/navbgimg.png"/>
       <div id="topleftnav">
           <ul>
               <li @click='pagechange(0)'><img src="images/homeicon.png" /></li>
               <li @click='pagechange(1)' style="width: 4rem;"><img src="images/runicon.png" /></li>
               <li @click='pagechange(2)' style="width: 4rem;"><img src="images/qushiicon.png" /></li>
               <li @click='pagechange(3)' style="width: 4rem;"><img src="images/yupanicon.png" /></li>
           </ul>
       </div>
       <div id="leftnav">
           <div class="table1">            
               <h3 style="margin-top: 3.5rem;">旁通年累计流量</h3> 
               <div id="totalbar1"></div>
               <h4><span style="float: left"><b class="lcdfont">1234</b><i>m³</i></span> <span style="float: right"><b class="lcdfont">1234</b><i>m³</i></span></h4>
               <div style="clear: both"></div>
                <h3>泵站年累计流量</h3>
               <div id="totalbar2"></div>
               <h4><span style="float: left"><b class="lcdfont">1234</b><i>m³</i></span> <span style="float: right"><b class="lcdfont">1234</b><i>m³</i></span></h4>
               
           </div>
           <div class="table2">
               <div class="leida">
                   <div id="leidadraw"></div>
               </div>
               <div class="liquid">
                   <div class="chart"></div>
                   <h4>体征指数</h4>
               </div>
           </div>
           <div class="table3">
               <div id="powerline"></div>
           </div>
       </div>
       <div id="mapstyel">
           <img @click="settype(0)" src="images/map-1icon.png"  />
           <img @click="settype(1)" src="images/map-2icon.png" />
           <img @click="settype(2)" src="images/map-3icon.png" />
           <img @click="backnomel" src="images/icon_location.png" />
       </div>
       <div id="mapstyle">
          <select id="mapstyleselec" class="fancified" >
                    <option value="normal">标准</ption>
                    <option value="dark">幻影黑</ption>
                    <option value="light">月光银</ption>
                    <option value="whitesmoke">远山黛</ption>
                    <option value="fresh">草色青</ption>
                    <option value="grey">雅士灰</ption>
                    <option value="graffiti">涂鸦</ption>
                    <option value="macaron">马卡龙</ption>
                    <option value="blue">靛青蓝</ption>
                    <option value="darkblue">极夜蓝</ption>
                    <option value="wine">酱籽</ption>
      
                    
                </select>
       </div>
       <div id="btmtable">
           <div class="rightbtnlayer">
                <h3 @click="vipshowschange">重点客户 <img v-bind:src="vipshowimg" /></h3> 
                <h3 @click="bengmapshowschange">供水范围 <img v-bind:src="bengmapshowimg" /></h3> 
                <h3 @click="bengdatashowschange">泵站数据 <img v-bind:src="bengdatashowimg" /></h3> 
           </div>
          
       </div>
       
   </div>
   <!-- 供水区域 -->
   <div id="linemap" @click='showmap' style="position: absolute;top: 0;left: 0; display: " ></div>
   <!-- 地图 -->
   <div id="container" tabindex="0" style="position: absolute;top: 0;left: 0; display: none"></div>
   <div id="rundata" style="display: none">
       <div class="bengrunbox">
         <div class="topleftcontent">
             <h1>进水检测 WATER INTAKE</h1>
             <div class="huannum" style="margin-left: 2rem;margin-top: 1rem;">0.02<span>浊度 FTU</span></div>
             <div class="huannum" style="margin-left: 3rem;margin-bottom: 1rem;margin-top: 1rem;">7.5<span>浊度 FTU</span></div>
             <div class="huannum" style="margin-left: 3rem;margin-bottom: 1rem;margin-top: 1rem;">0.25<span>浊度 FTU</span></div>
             <div class="huannum" style="margin-left: 5.5rem;margin-top: 1.5rem;margin-bottom: 1rem;margin-top: 1.5rem;">8.7<span>浊度 FTU</span></div>
             <div class="huannum" style="margin-left: 3rem;margin-top: 1.5rem;">38<span>浊度 FTU</span></div>
           <div style="clear: both;padding: 0.5rem;"></div>
            <h2 class="btmtip"><img src="images/doticon.png" />数据更新时间 ： 2019-06-15 12：22：54</h2>
         </div>
         <div class="toprightcontent">
             <div class="leftone">
                 <h1>朱柳河泵站  ZHUMAO RIVER PUMP</h1>
                 <span class="gongyibtn" @click='pagechange(4)'>工艺图</span>
                 <div class="zhexian">
                   <!-- <h3>进水口水质检测</h3> -->
                    <div id="bengzhaninforline1"></div> 
                    <h4><img src="images/doticon.png" />数据时间：2019-12-5-12 18:23:22</h4>
                 </div>
                
             </div>
              
             <div class="rightone">
                 <h3>当日极值 <select id="" class="fancified" >
                    <option value="">最大值</ption>
                    <option>最小值</option>
                   
                </select></h3>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
             </div>
             
         </div>
         <div style="clear: both"></div>
         <div class="btmleft">
             <div class="timetitle" ><h1>2019-12-28</h1> <h1 style="float: right">2019-12-29</h1></div>
            <ul class="datalist">
                <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                 <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                  <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                   <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                   <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                 <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                  <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                   <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                     <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                 <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                  <li><span class="lefttip">警告</span><span class="tiptyp">进水口</span><span class="tipinfo">余氯：0.7M/L</span><span class="tipbtn">撤销</span></li>
                  </ul>
         </div>
         <div class="toprightcontent" style="margin-top: 5px;">
             <div class="leftone">
                 <h1>出水口检测  WATER INTAKE</h1>
                 
                  <div class="zhexian">
                   <!-- <h3>进水口水质检测</h3> -->
                    <div id="bengzhaninforline2"></div> 
                    <h4><img src="images/doticon.png" />数据时间：2019-12-5-12 18:23:22</h4>
                 </div>
             </div>
             <div class="rightone">
                 <h3>当日极值 <select id="" class="fancified" >
                    <option value="">最大值</ption>
                    <option>最小值</option>
                   
                </select></h3>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
                 <ul>
                     <li>出现时间：2018-12-23 13：11：12</li>
                     <li>浊度：0.002 FTU <span style="color: #E8B401">PH6.57PH</span></li>
                     <li>余氯：0.76M/L</li>
                 </ul>
             </div>
             <div class="btmline">
                 <div id="liuliangline"></div>
             </div>
             <div class="btmline">
                 <div id="yaliline"></div>
             </div>
         </div>
       </div>
       <!-- <img src="images/op.png" style="height: 100%"/> -->
   </div>
   <div id="bengrunview" style="display:none ">
       <!-- 朱柳河泵站 -->
       <div id="zhuliubengzhan" class="runviewbox" style="display:none ">
           <div class="rundata">
               <h3>进水水质</h3>
               <ul>
                   <li><span>余氯 </span><span>mg/L</span> <span>{{Jkyulu}}</span> 
                   <li><span>浊度 </span><span>mg/L</span> <span>{{Jkzhuodu}}</span> 
                   <li><span>压力 </span><span>mg/L</span> <span>{{Jkyali}}</span> 
                   <li><span>流量 </span><span>mg/L</span><span>{{Jkliuliang}}</span>  
                   <li><span>累计 </span><span>mg/L</span> <span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div class="rundata2">
               <h3>至旁通管道</h3>
               <ul>
                   <li><span>流量 </span><span>mg/L</span> <span>{{Jkliuliang}}</span> 
                   <li><span>累计 </span><span>mg/L</span><span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div class="rundata3 show1">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div class="rundata3 show2">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div class="rundata3 show3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div class="rundata3 show4">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div class="rundata3 show5">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div class="rundata3 show6">              
               <h2>140KPA</h2>
           </div>
           <div class="rundata3 show7">               
               <h2>140KPA</h2>
           </div>
           <div class="caoview one">
               <div id="zhuliucao1" class="zhuliucao1"></div>
               <h4>1号水库<br />{{JK1h+'ml'}}</h4>
           </div>
           <div class="caoview two">
               <div id="zhuliucao2" class="zhuliucao2"></div>
               <h4>2号水库<br />{{JK2h+'ml'}}</h4>
           </div>
           <div @click='zhacentrou(1)' class="zha key1"></div>
           <div class="zha key2"></div>
           <div @click='zhacentrou(3)' class="zha key3"></div>
       </div>
       <!-- 胡桥泵站 -->
       <div id="huqiaobengzhan" class="runviewbox" style="display:none ">
           <div id="huqiaoruntopdata" class="rundata">
               <h3>进水水质</h3>
               <ul>
                   <li><span>余氯 </span><span>mg/L</span> <span>{{Jkyulu}}</span> 
                   <li><span>浊度 </span><span>mg/L</span> <span>{{Jkzhuodu}}</span> 
                   <li><span>压力 </span><span>mg/L</span> <span>{{Jkyali}}</span> 
                   <li><span>流量 </span><span>mg/L</span><span>{{Jkliuliang}}</span>  
                   <li><span>累计 </span><span>mg/L</span> <span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div  id="huqiaoruntopdata2" class="rundata2">
               <h3>至旁通管道</h3>
               <ul>
                   <li><span>流量 </span><span>mg/L</span> <span>{{Jkliuliang}}</span> 
                   <li><span>累计 </span><span>mg/L</span><span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div id="huaqiaobengdata1" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="huaqiaobengdata2" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="huaqiaobengdata3" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="huaqiaobengdata4" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
          
           <div id="huqiaocaoruan1" class="rundata3">              
               <h2>140KPA</h2>
           </div>
           <div id="huqiaocaoruan2" class="rundata3">               
               <h2>140KPA</h2>
           </div>
           <div id="huqiaocaoruan3" class="rundata3">               
               <h2>140KPA</h2>
           </div>
           <div class="caoview one">
               <div id="huqiaocaoone" class="huqiaocao1"></div>
               <h4>1号水库<br />{{JK1h+'ml'}}</h4>
           </div>
           <div class="caoview two">
               <div id="huqiaocaotwo" class="huqiaocao1"></div>
               <h4>2号水库<br />{{JK2h+'ml'}}</h4>
           </div>
           <div @click='zhacentrou(1)' class="zha huaqiaokey1 key"></div>
           <div @click='zhacentrou(1)' class="zha huaqiaokey2 key"></div>
           <div @click='zhacentrou(1)' class="zha huaqiaokey3 key"></div>
           <div @click='zhacentrou(1)' class="zha huaqiaokey4 key"></div>
           
       </div>
       
       
       
       
       <!-- 曙光 -->
       <div id="shuguangbengzhan" class="runviewbox" style="display: none ">
           <div id="shuguangruntopdata" class="rundata">
               <h3>进水水质</h3>
               <ul>
                   <li><span>余氯 </span><span>mg/L</span> <span>{{Jkyulu}}</span> 
                   <li><span>浊度 </span><span>mg/L</span> <span>{{Jkzhuodu}}</span> 
                   <li><span>压力 </span><span>mg/L</span> <span>{{Jkyali}}</span> 
                   <li><span>流量 </span><span>mg/L</span><span>{{Jkliuliang}}</span>  
                   <li><span>累计 </span><span>mg/L</span> <span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div  id="shuguangruntopdata2" class="rundata2">
               <h3>至旁通管道</h3>
               <ul>
                   <li><span>流量 </span><span>mg/L</span> <span>{{Jkliuliang}}</span> 
                   <li><span>累计 </span><span>mg/L</span><span>{{Jkleij}}</span> 
                  
               </ul>
           </div>
           <div id="shuguangbengdata1" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="shuguangbengdata2" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="shuguangbengdata3" class="rundata3">
               <h3>水库泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="shuguangbengdata4" class="rundata3">
               <h3>增压泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="shuguangbengdata5" class="rundata3">
               <h3>增压泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
           <div id="shuguangbengdata6" class="rundata3">
               <h3>增压泵</h3>
               <h2>{{JKbnum+'Hg'}}</h2>
           </div>
          
           <div id="shuguangcaoruan1" class="rundata3">              
               <h2>140KPA</h2>
           </div>
           <div id="shuguangcaoruan2" class="rundata3">               
               <h2>140KPA</h2>
           </div>
          
           <div class="caoview one">
               <div id="shuguangcaoone" class="huqiaocao1"></div>
               <h4>1号水库<br />{{JK1h+'ml'}}</h4>
           </div>
           <div class="caoview two">
               <div id="shuguangcaotwo" class="huqiaocao1"></div>
               <h4>2号水库<br />{{JK2h+'ml'}}</h4>
           </div>
           <div @click='zhacentrou(1)' class="zha shuguangkey1 key"></div>
           <div @click='zhacentrou(1)' class="zha shuguangkey2 key"></div>
         
       </div>
       <!--  -->
       
       <!--  -->
   </div>
   <div id="qushiview" style="display: none">
       <ul class="qushiselecbox">
           <li class="selecbtn">
               <select id="" class="fancified" >
                    <option value="">朱柳河泵站</option>
                    <option>八毛朱泵站</option>
                    <option>胡桥泵站</option>
                    <option>青村泵站</option>
                    <option>光明泵站</option>
                    <option>华亭泵站</option>
                    <option>泰日泵站</option>
                    <option>平安泵站</option>
                    <option>育秀泵站</option>
                    <option>钱桥泵站</option>
                </select>
           </li>
           <li class="selecbtn">
               <select id="" class="fancified" >
                    <option value="">进水浊度</option>
                    <option>出水浊度</option>
                   
                </select>
           </li>
           <li style="margin-right: 2rem;"><span>时间</span></li>
            <li class="selecbtn2">
               <span><div class="jeinpbox"><input type="text" class="jeinput moredate" placeholder="开始日期"></div></span>
           </li>
           <li style="margin-right: 2rem;"><span>--</span></li>
            <li class="selecbtn2">
               <span><div class="jeinpbox"><input type="text" class="jeinput moredate" placeholder="结束日期"></div></span>
           </li>
           <li class="submetbtn" @click='showqushi'>
               <span>查询</span>
           </li>
       </ul>
       <div class="qushibox">
           <div id="qushizhexian" ></div>
       </div>
       
   </div>
   <div id="yupanview" style="display: none">
      <div class="yupanman">
          <div class="topprogress">
              <div class="downprogerssimg"></div>
              <div class="upprogerssimg"></div>
              <ul class="topicon">
                  <li><h5>第1周</h5><span class="yuanicon actives">1</span><h4>3泵站余氯浊度<br />2019-02</h4></li>
                  <li><h5>第2周</h5><span class="yuanicon normals">2</span><h4>3泵站余氯浊度<br />2019-02</h4></li>
                  <li><h5>第3周</h5><span class="yuanicon normals">3</span><h4>3泵站余氯浊度<br />2019-02</h4></li>
                  <li><h5>第4周</h5><span class="yuanicon normals">4</span><h4>3泵站余氯浊度<br />2019-02</h4></li>
              </ul>
              
          </div>
          <ul class="toplist">
              <li class="toplistitem">
                  <h3><span>地区</span><span>流量(PV)</span><span>用户行为特征</span></h3>
                    <p><i class="listicon">1</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">12</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">11</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">14</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">16</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
              </li>
              <li class="toplistitem">
                  <h3><span>地区</span><span>流量(PV)</span><span>用户行为特征</span></h3>
                    <p><i class="listicon">1</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">12</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">11</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">14</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">16</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
              </li>
              <li class="toplistitem">
                  <h3><span>地区</span><span>流量(PV)</span><span>用户行为特征</span></h3>
                    <p><i class="listicon">1</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">12</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">11</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">14</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">16</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
              </li>
              <li class="toplistitem">
                  <h3><span>地区</span><span>流量(PV)</span><span>用户行为特征</span></h3>
                    <p><i class="listicon">1</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">12</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">11</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">14</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
                    <p><i class="listicon">16</i><span>001泵站</span><span>668</span><span style="float: right">XXXXXXXXX</span></p>
              </li>
          </ul>
          <div class="yupanbtm">
          <div class="left">
              <h3>2019</h3>
              
                  <h2  class="tableone"><span>日</span><span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span></h2>
                  <div class="tableman">
                      <h3><span>一月</span><span>二月</span><span>三月</span><span>四月</span><span>五月</span><span>六月</span></h3>
                        <ul class="tablelist">
                            <li v-for='i in zhandata'>
                                <span v-for='item in i'>
                                    <img class="zhanicon" v-if='item == 1' src="images/zhaicon-on.png" />
                                    <img class="zhanicon" v-else src="images/zhaicon-off.png" />
                                </span>
                                
                               
                                
                            </li>
                        </ul>
                  </div>
              
          </div>
          <div class="right">
              <h2>建议</h2>
              <p>
                 基于当月进出水浊度、余氯、压力。流量、等异常数据、近半
年各泵站异常率,结合未来周天气分析,及上级文件,朱柳
河泵闸。东大盈泵闸需要加大出水流量需在未来12个小时内
排水30000m3 
              </p>
          </div>
          <div style="clear: both;height: 3rem;"></div>
      </div>
      </div>
      
   </div>
        
</div>
    
    
   <script src="js/index.js"></script>
    <!-- <script type="text/javascript">
        var map = new AMap.Map('container', {
           resizeEnable: true,
           center:[116.480983, 39.989628],
           zoom:11
        });
       
    </script> -->
    <!-- <script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script> -->
  </body>
</html>
